<!DOCTYPE html>
<html><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="description" content="">
    <title>产品案例</title>
    <link href="css/css.css" rel="stylesheet" type="text/css">
    <link href="css/Animation.css" rel="stylesheet" type="text/css">
    <link href="css/slider.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="#"/>
    <script src="Look_js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/slider.js" type="text/javascript"></script>
    <script src="js/html5.js" type="text/javascript"></script>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="Look_js/jquery.pagination.js" type="text/javascript"></script>
    <script src="js/wow.min.js" type="text/javascript"></script>
    <script>
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: false,
            live: true
        });
        wow.init();
        $(document).ready(function() {
            $("#Pagination").pagination("15");
        });
    </script>

    <!--    客服-->
    <script type="text/javascript" src="js/wechat1.js"></script>
    <script type="text/javascript" src="js/wechat2.js"></script>
    <script type="text/javascript" src="js/tf.js"></script>
    <!--    多条件筛选-->
    <link href="Look_js/icone.css" rel="stylesheet" type="text/css">
    <link href="Look_js/project-search.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <link href="Look_js/project-search.css" rel="stylesheet" type="text/css">
</head>

<body>
<header class="navbar-fixed-top headerbg">
    <div class="container-fluid">
        <div class="logo"><h3><a href="#"><span>朋心合力</span></a></h3></div>
        <div class="navBox hidden-xs hidden-sm">
            <ul class="navList list-unstyled">
                <li class="navLi">

                    <h3><a href="#"><span>首页</span></a></h3>
                </li>
                <li class="navLi on">
                    <h3><a href="#"><span>项目发布</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="#"><span>权限管理</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="#"><span>项目广场</span></a></h3>
                    <div class="navSub">
                        <ul class="navSubList list-unstyled">
                            <li class="navSubLi">
                                <h4><a href="#">● 寻找合伙人</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a href="#">● 寻找项目</a></h4>
                            </li>

                        </ul>
                    </div>
                </li>
                <li class="navLi">
                    <h3><a href="#"><span>我的项目</span></a></h3>
                </li>
            </ul >
        </div>
    </div>
</header>
<div class="bannerN animated" style="background-image: url(Lookingimg/gs_bg_02.png);">
    <div class="imgFull"><img src="Lookingimg/gs_bg_02.png" class="img-responsive"></div>
    <h2 class="banH2 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">产品案例</h2>
    <h3 class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">通过不断的努力不断的专研，研发出专业的软件</h3>
    <div class="sky">
        <div class="clouds_one"></div>
        <div class="clouds_two"></div>
        <div class="clouds_three"></div>
    </div>
</div>
<!--产品案例-->
<div class="container clearfix">
    <div class="mtb20 case_style">
        <div class="cose_sort clearfix">
            <ul><li><a href="lookingprojects.html" class="sort_btn on">项目广场</a></li><li><a href="lookingzone.html" class="sort_btn ">人才广场</a></li></ul></div>
        <div class="top-search-box">
            <div class="container">
                <div class="project-search-box">
                    <form class="form-search project-search-form-box clearfix">
                        <input id="name" data-id="name" class="search-control input-get" type="text" placeholder="请输入项目关键字" style="height: 35px">
                        <button type="button" id="searchBtn">搜索</button>
                    </form>
                    <div class="clearfix"></div>
                    <input type="hidden" class="search-control" id="industryCodeFake" data-id="industryCode">
                    <input type="hidden" class="search-control" id="wasBindUniTechnologyFake" data-id="wasBindUniTechnology">
                    <input type="hidden" class="search-control" id="investStatusFake" data-id="investStatus">
                    <input type="hidden" class="search-control" id="provinceCodeFake" data-id="provinceCode">
                </div>
                <!-- 主体内容 -->
                <div class="project-search-map">
                    <div class="project-search-map-item ">
                        <span class="map-item-title">所属领域</span>
                        <form action="/lookprojectsByTags" class="wd" id="industryCode" data-toggle="buttons" style="height: 80px">
                            <label class="btn">
                                <input type="checkbox" name="talents" value="全部领域">全部领域
                            </label>
                            <label class="btn" >
                                <input type="checkbox" value="创新" name="zone">创新
                            </label>
                            <label class="btn">
                                <input type="checkbox" value="文化" name="zone">文化
                            </label>
                            <label class="btn" >
                                <input type="checkbox" value="扶贫" name="zone">扶贫
                            </label>
                            <label class="btn  ">
                                <input type="checkbox" value="水、电、热力、燃气生产及供应" name="zone">水、电、热力、燃气生产及供应
                            </label>
                            <label class="btn  " >
                                <input type="checkbox" value="建筑业" name="zone">建筑业
                            </label>
                            <label class="btn  ">
                                <input type="checkbox" value="批发和零售业" name="zone"> 批发和零售业
                            </label>
                            <label class="btn  " >
                                <input type="checkbox" value="交通运输、仓储和物流业" name="zone">交通运输、仓储和物流业
                            </label>
                            <label class="btn  ">
                                <input type="checkbox" value="住宿和餐饮业" name="zone">住宿和餐饮业
                            </label>
                            <label class="btn  " >
                                <input type="checkbox" value="信息技术服务业" name="zone">信息技术服务业
                            </label>
                            <label class="btn  ">
                                <input type="checkbox" value="文化、体育和娱乐业" name="zone">文化、体育和娱乐业
                            </label>
                            <label class="btn" style="float: right">
                                <button type="submit" >提交</button>
                            </label>
                            <div class="clearfix"></div>
                        </form>
                        <div class="clearfix"></div>
                    </div>

                    <div class="project-search-map-item ">
                        <span class="map-item-title">学校科技成果转化</span>
                        <form class="wd" id="wasBindUniTechnology">
                            <label ><input type="checkbox" data-code="1">是</label>
                            <label><input  type="checkbox" data-code="0">否</label>
                            <div class="clearfix"></div>
                        </form>
                        <div class="clearfix"></div>
                    </div>
<!--                    <div class="project-search-map-item ">-->
<!--                        <span class="map-item-title">所在地区</span>-->
<!--                        <form class="wd" id="provinceCode" data-toggle="buttons" name="area" style="height: 160px;">-->
<!--                            <label class="btn active">-->
<!--                                <input type="checkbox" checked name="area" value="全部地区">全部地区-->
<!--                            </label>-->
<!--                            <label class="btn ">-->
<!--                                <input type="checkbox"  name="area" value="北京市">北京市-->
<!--                            </label>-->
<!--                            <label class="btn ">-->
<!--                                <input type="checkbox"    name="citt" value="天津市">天津市-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="河北省">河北省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="山西省">山西省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="内蒙古">内蒙古-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="辽宁省">辽宁省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="吉林省">吉林省-->
<!--                            </label>-->
<!--                            <label class="btn" >-->
<!--                                <input type="checkbox"    name="area" value="黑龙江省">黑龙江省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="area" value="上海市">上海市-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="江苏省">江苏省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="浙江省">浙江省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="安徽省">安徽省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="福建省">福建省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="江西省">江西省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="山东省">山东省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="河南省">河南省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="湖北省">湖北省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="湖南省">湖南省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="广东省">广东省-->
<!--                            </label>-->
<!--                            <label class="btn" >-->
<!--                                <input type="checkbox"    name="area" value="广西省">广西省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="area" value="海南省">海南省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="重庆市">重庆市-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="四川省">四川省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="贵州省">贵州省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="云南省">云南省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="西藏">西藏-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="陕西省">陕西省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="area" value="甘肃省">甘肃省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="青海省">青海省-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="宁夏">宁夏-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="新疆">新疆-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="台湾">台湾-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="香港">香港-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="澳门">澳门-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="citt" value="新疆生产建设兵团">新疆生产建设兵团-->
<!--                            </label>-->
<!--                            <label class="btn">-->
<!--                                <input type="checkbox"    name="zone" value="国外">国外-->
<!--                            </label>-->
<!--                            <div class="clearfix"></div>-->
<!--                        </form>-->
<!--                        <div class="clearfix">-->
<!--                        </div>-->

<!--                    </div>-->

                </div>
            </div>
            <!--        内容-->
            <div class="pagination-nick">
                <div class="content" data-i-value>
                    <!--            内容-->
                    <div class="contents" >
                        <div  class="contents-job" data-i-content>
                            <p data-i-content>
                                <a data-i-content href="#" title="1" target="_blank" class="title_content">公司名/项目名</a>
                            </p>
                            <p data-i-content class="tip">
                                <span class="map">北京|项目类型</span>
                            </p>
                        </div>
                        <div class="contents-company" data-i-content>
                            <p data-i-content>
                                <a data-i-content href="#" title="XXX" target="_blank" class="title-company">4个在招职位</a>
                            </p>
                            <p data-i-content class="tip">
                                <span data-i-content class="company-zone">项目简介</span>
                            </p>

                        </div>
                        <div class="contents-button" data-i-content>
                            <label class="btn">
                                <button>发送申请</button>
                            </label>
                        </div>
                        <div class="contents-1"></div>
                    </div>


                    </div>

                    <!--            分页-->
                </div>
                <!--分页-->

                <div class="pages clearfix">
                    <div id="Pagination"><div class="pagination"><a class="current prev"><i></i>上一页</a><a class="current">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><span class="pagination-break">...</span><a href="#" class="ep">15</a><a href="#" class="next">下一页 <i></i></a></div></div>
                    <div class="searchPage">
                        <span class="page-sum">共<strong class="allPage">15</strong>页</span>
                        <span class="page-go">跳转<input type="text">页</span>
                        <a href="javascript:;" class="page-btn">GO</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--联系方式-->
<div class="contact_phone">
    <div class="container">
        <div class="col-xs-6 col-sm-6 col-md-6 fadeInUp animated relative">
            <div class="phone_info"><em class="tel_icon fl"><img src="images/phone_img_06.png"></em><h3>服务咨询热线</h3><h2>0536-11111111</h2></div>
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 fadeInUp animated relative">
            <div class="phone_info"><em class="phone_icon fl"><img src="images/phone_img_07.png"></em><h3>移动服务热线:</h3><h2>137911111111<span>（徐）</span></h2></div>
        </div>
    </div>
</div>
<!--底部样式-->
<footer class="footerBg">
    <div class="container">
        <div class="ptb40">
            <div class="footTopL">
                <dl class="clearfix">
                    <dt>关于我们</dt>
                    <dd><a href="#">联系地址</a></dd>
                    <dd><a href="#">公司介绍</a></dd>
                    <dd><a href="#">荣誉资质</a></dd>
                    <dd><a href="#">招聘信息</a></dd>
                </dl>
                <dl class="clearfix">
                    <dt>公司产品</dt>
                    <dd><a href="#">网站公司认证计费系统</a></dd>
                    <dd><a href="#">网站公司tv系统</a></dd>
                    <dd><a href="#">软件路由系统</a></dd>
                    <dd><a href="#">网站公司缓存系统</a></dd>
                    <dd><a href="#">网站公司智慧机房</a></dd>
                    <dd><a href="#">网站公司硬件产品</a></dd>
                </dl>
                <dl class="clearfix">
                    <dt>教程中心</dt>
                    <dd><a href="#">计费产品对接</a></dd>
                    <dd><a href="#">安装教程</a></dd>
                    <dd><a href="#">网络技术教程</a></dd>
                    <dd><a href="#">tv教程</a></dd>
                </dl>
                <dl class="clearfix">
                    <dt>解决方案</dt>
                    <dd><a href="#">点播直播解决方案</a></dd>
                    <dd><a href="#">宽带运营解决方案</a></dd>
                    <dd><a href="#">运营商tv解决方案</a></dd>
                    <dd><a href="#">酒店TPTV解决方案</a></dd>
                </dl>

            </div>
            <div class=" center weixin"><img src="images/weixing-ma.jpg"><h5>微信关注我们</h5></div>
        </div>
    </div>
    <div class="CopyRight">
        <div class="container"><span class="footer_logo"><img src="images/footer_logo.png"></span><span class="CopyRight_name">CopyRight 软件名称 2020 版权所有 鲁ICP备xxxxxxxxx</span></div>
    </div>
</footer>
<div class="cndns-right">
    <div class="cndns-right-meau meau-sev">
        <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon"></span>
            <p>
                在线<br>
                客服
            </p>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <span class="demo-icon"></span>
                    <p>在线客服<i>服务时间：9:00-24:00</i></p>
                    <div class="clear"></div>
                </div>
                <div class="sev-b">
                    <h4>选择下列产品马上在线沟通：</h4>
                    <ul id="zixunUl">
                        <li><a href="javascript:void(0);">客服1</a></li>
                        <li><a href="javascript:void(0);">客服2</a></li>
                        <li><a href="javascript:void(0);">产品经理</a></li>
                        <li><a href="javascript:void(0);">技术支持</a></li>
                        <li><a href="javascript:void(0);">技术支持1</a></li>
                        <li><a href="javascript:void(0);">橙云主机</a></li>
                        <li><a href="javascript:void(0);">产品交易</a></li>
                        <li><a href="javascript:void(0);">其他产品</a></li>
                        <div class="clear"></div>
                    </ul>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
    <div class="cndns-right-meau meau-contact">
        <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon"></span>
            <p>
                客服<br>
                热线
            </p>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <span class="demo-icon"></span>
                    <p>400-123-4567<br><i>7*24小时客服服务热线</i></p>
                    <div class="clear"></div>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
    <div class="cndns-right-meau meau-code">
        <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon"></span>
            <p>
                关注<br>
                微信
            </p>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <img src="images/weixing-ma.jpg">
                    <i>关注官方微信</i>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
    <div class="cndns-right-meau meau-top" id="top-back" style="display: block;">
        <a href="javascript:" class="cndns-right-btn" onclick="topBack()">
            <span class="demo-icon"></span>
            <i>顶部</i>
        </a>
    </div>
</div>
<script type="text/javascript">
    function paginationNick(opt){
        var pager={
            paginationBox:'',
            mainBox:'',
            numBtnBox:'',
            btnBox:'',
            ipt:'',
            goBtn:'',
            currentBtn:'',
            pageCont:10,
            numBtnCount:3,
            current_page:0,
            maxCount:0,
            data:[]
        };
        pager = $.extend(pager,opt);
        function goPage(btn){
            var obj = {other:{},value:[11,22,33,44,55,66,77,88,99,0,11,22,33,44,55,66,77,88,99,0,11,22,33,44,55,66,77,88,99,0]}
            pager.data = obj.value;
            pager.maxCount = pager.data.length % pager.pageCont ? parseInt(pager.data.length / pager.pageCont)+1:
                pager.data.length /pager.pageCont;
            if (!insNaN(btn)){
                pager.current_page=parseInt(btn);
            }else{
                switch (btn) {
                    case 'first':
                        pager.current_page=0;
                        break;
                    case 'prev':
                        if (pager.current_page>0){
                            --pager.current_page;
                        }
                        break;
                    case 'next':
                        if (pager.current_page+1<pager.maxCount){
                            ++pager.current_page;
                        }
                        break;
                    case 'last':
                        pager.current_page=pager.maxCount-1;
                        break;
                }
            }
            createNamBtn(pager.current_page);
            $('.'+pager.btnBox+' .'+pager.ipt).val(pager.current_page+1);
            var arr = [],str='';
            arr = pager.data.slice(pager.pageCont*pager.current_page,
            pager.data.length-pager.pageCont*(pager.current_page+1)>-1?
            pager.pageCont*(pager.current_page+1):pager.data.length);
            arr.forEach(function (v){
                str+='<div>'+v+'</div>';
            });
            $('.'+pager.mainBox).html(str);
        }
        function creatOtherBtn() {
            $('.' + pager.paginationBox).html('<div class="' + pager.btnBox + '"><button data-page="first" class="first-btn">首页</button><button data-page="prev" class="prev-btn">上一页</button><span class="' + pager.numBtnBox + '"></span><button data-page="next" class="next-btn">下一页</button><input type="text" placeholder="请输入页码" class="' + pager.ipt + '"><button class="' + pager.goBtn + '">确定go</button><button data-page="last" class="last-btn">尾页</button></div><div class="' + pager.mainBox + '"></div>');
            $('.' + pager.btnBox + ' .' + pager.ipt).change(function () {
                if (!isNaN($(this).val())) {//是数字
                    if ($(this).val() > pager.maxCount) {//限制value最大值，跳转尾页
                        $(this).val(pager.maxCount);
                    }
                    if ($(this).val() < 1) {//限制value最小值，跳转首页
                        $(this).val(1);
                    }
                } else {//非数字清空value
                    $(this).val('');
                }
                $('.' + pager.btnBox + ' .' + pager.goBtn).attr('data-page', $(this).val() ? $(this).val() - 1 : '');
            });
            $('.' + pager.btnBox + ' button').each(function (i, v) {
                $(this).click(function () {
                    if (v.getAttribute('data-page') && v.getAttribute('data-page') != pager.currentPage) {
                        goPage(v.getAttribute('data-page'));
                    }
                });
            });
        }
        //创建数字按钮
        function createNumBtn(page){
            //page是页面index从0开始，这里的page加减一要注意
            var str = '';
            if(pager.maxCount>pager.numBtnCount*2) {//若最大页码数大于等于固定数字按钮总数（pager.numBtnCount*2+1）时
                //此页左边右边各pager.numBtnCount个数字按钮
                if(page-pager.numBtnCount>-1){
                    //此页左边有pager.numBtnCount页 page页码从0开始
                    for(var m=pager.numBtnCount;m>0;m--){
                        str+='<button data-page="'+(page-m)+'">'+(page-m+1)+'</button>';
                    }
                }else {
                    for (var k = 0;k<page;k++){
                        str+='<button data-page="'+k+'">'+(k+1)+'</button>';
                    }
                }
                str+='<button data-page="'+page+'" class="'+pager.currentBtn+'" disabled="disabled">'+(page+1)+'</button>';//此页
                if(pager.maxCount-page>3){
                    //此页右边有pager.numBtnCount页 page页码从0开始
                    for(var j=1;j<pager.numBtnCount+1;j++){
                        str+='<button data-page="'+(page+j)+'">'+(page+j+1)+'</button>';
                    }
                }else {
                    for(var i=page+1;i<pager.maxCount;i++){
                        str+='<button data-page="'+i+'">'+(i+1)+'</button>';
                    }
                }
                /*数字按钮总数小于固定的数字按钮总数pager.numBtnCount*2+1时，这个分支，可以省略*/
                if(str.match(/<\/button>/ig).length<pager.numBtnCount*2+1){
                    str='';
                    if(page<pager.numBtnCount){
                        //此页左边页码少于固定按钮数时
                        for(var n=0;n<page;n++){
                            //此页左边
                            str+='<button data-page="'+n+'">'+(n+1)+'</button>';
                        }
                        str+='<button data-page="'+page+'" class="'+pager.currentBtn+'" disabled="disabled">'+(page+1)+'</button>';//此页
                        for(var x=1;x<pager.numBtnCount*2+1-page;x++){
                            //此页右边
                            str+='<button data-page="'+(page+x)+'">'+(page+x+1)+'</button>';
                        }

                    }
                    if(pager.maxCount-page-1<pager.numBtnCount){
                        for(var y=pager.numBtnCount*2-(pager.maxCount-page-1);y>0;y--){
                            //此页左边
                            str+='<button data-page="'+(page-y)+'">'+(page-y+1)+'</button>';
                        }
                        str+='<button data-page="'+page+'" class="'+pager.currentBtn+'" disabled="disabled">'+(page+1)+'</button>';//此页
                        for(var z=page+1;z<pager.maxCount;z++){
                            //此页右边
                            str+='<button data-page="'+z+'">'+(z+1)+'</button>';
                        }
                    }
                }
            }
            else {
                str='';
                for(var n=0;n<page;n++){
                    //此页左边
                    str+='<button data-page="'+n+'">'+(n+1)+'</button>';
                }
                str+='<button data-page="'+page+'" class="'+pager.currentBtn+'" disabled="disabled">'+(page+1)+'</button>';//此页
                for(var x=1;x<pager.maxCount-page;x++){
                    //此页右边
                    str+='<button data-page="'+(page+x)+'">'+(page+x+1)+'</button>';
                }

            }
            $('.'+pager.numBtnBox).html(str);
            //每个btn绑定请求数据页面跳转方法
            $('.'+pager.numBtnBox+' button').each(function(i,v){
                $(this).click(function (){
                    goPage(v,getAttribute('data-page'));
                });
            });
            //按钮禁用
            $('.'+pager.btnBox+' button').not('.'+pager.currentBtn).attr('disabled',false);
            if(!page){
                //首页时
                $('.'+pager.btnBox+' .first-btn').attr('disabled',true);
                $('.'+pager.btnBox+' .prev-btn').attr('disabled','disabled');
            }
            if(page==pager.maxCount-1){
                //尾页时
                $('.'+pager.btnBox+' .last-btn').attr('disabled',true);
                $('.'+pager.btnBox+' .next-btn').attr('disabled',true);
            }
        }
        //首屏加载
        createOtherBtn();//首屏加载一次非数字按钮即可
        goPage();//请求数据页面跳转满足条件按钮点击都执行，首屏默认跳转到currentPage
    }
    paginationNick({
        paginationBox: 'pagination-nick',
        mainBox: 'main-box-nick',
        numBtnBox: 'num-box-nick',
        btnBox: 'btn-box-nick',
        ipt: 'page-ipt-nick',
        goBtn: 'go-btn-nick',
        currentBtn: 'active-nick'
    });
</script>

</body></html>
